<template>
    <div class="box">
        <!-- <p>123</p> -->
        <!-- <input type="text" v-model="title"> -->
        <input type="text" :value="modelValue" @input="$emit('update:modelValue',$event.target.value)"> 
        <p>{{title}}</p>
    </div>
</template>
<script>
import {ref,reactive,toRefs} from 'vue'
export default {
    props:{
        modelValue:[String,Number],
    },
    setup(props) {
       const title = ref('123')
    //    const input = (e)=>{
    //     console.log(e);
    //     title.value = e.target.value

    //    }
       return {title}
    }
}
</script>
<style lang="scss" scoped>
p{
    background: skyblue;
}
</style>
